<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>芝麻街</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!--css样式列表-->
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/app.css">
    <!--js脚本列表-->
    <script src="js/jquery.min.js"></script>
    <script src="js/amazeui.min.js"></script>
    <script src="js/app.js"></script>
    <!--必要JS（自适应手机端 px -> rem ）-->
    <script>
        !function(e) {
            function t(a){if(i[a])return i[a].exports;var n=i[a]={exports: {
            },id:a,loaded:!1
            };
                return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports
            }
            var i= {
            };
            return t.m=e,t.c=i,t.p="",t(0)
        }([function(e,t) {
            "use strict"
            ;Object.defineProperty(t,"__esModule",{value: !0
            });
            var i=window;t["default"]=i.flex=function(e,t) {
                var a=e||100,n=t||1,r=i.document,o=navigator.userAgent,d=o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),l=o.match(/U3\/((\d+|\.) {5,})/i),c=l&&parseInt(l[1].split(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=1);var u=1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=a/2*s*n+"px"
            },e.exports=t["default"]
        }]);
        flex(100, 1);
    </script>
    <!------------------------>
</head>
<body class="BjColor">

<!--顶部导航-->
<div class="CenterHeaderBox RollingGoal">
    <div class="CenterBackBtn"><a href="javascript:history.go(-1)"><img src="images/return.png" alt="返回"/></a></div>
    <div class="CenterHeaderTitle">个人中心</div>
    <div class="CenterHeaderSetting">
        <a href="5设置.html"><img src="images/setting.png" alt="设置"/></a>
    </div>
</div>

<div class="CenterMain">
    <div class="CenterTop">
        <div class="BgImgAbo">
            <img src="images/pattern_bg.png" alt="背景图"/>
        </div>
        <div class="CenterInfo am-cf">
            <div class="CenterTopImg am-fl"><img src="images/Bitmap.png" alt="头像"/></div>
            <div class="CenterTopText am-fl">
                <p class="CenterTopTextP1">
                    <span>奔跑的小强</span>
                    <img src="images/Profile.png" alt=""/>
                    <img src="images/ID.png" alt=""/>
                    <img src="images/Avatar.png" alt=""/>
                </p>
                <p class="CenterTopTextP2">
                    <span>立即开通商家</span>
                </p>
            </div>
        </div>
    </div>
    <div class="CenterFinance">
        <div class="CenterFinanceTitle">我的账户</div>
        <ul class="am-avg-sm-4">
            <li>
                <a href="9我的余额.html">
                    <p class="number">5780</p>
                    <p class="text">余额</p>
                </a>
            </li>
            <li>
                <a href="12分红.html">
                    <p class="number">324</p>
                    <p class="text">分红</p>
                </a>
            </li>
            <li>
                <a href="13股权.html">
                    <p class="number">32</p>
                    <p class="text">股权</p>
                </a>
            </li>
            <li>
                <a href="14贡献值.html">
                    <p class="number">2313</p>
                    <p class="text">贡献值</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="CenterOrder" >
        <div class="CenterOrderTitle am-cf">
            <span class="am-fl">线下订单</span>
            <a class="am-fr" href="16我的订单.html">全部订单</a>
        </div>
        <ul class="am-avg-sm-3">
            <li>
                <a href="#">
                    <p class="img"><img src="images/order_status01.png"></p>
                    <p class="text">待付款</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p class="img"><img src="images/order_status02.png"></p>
                    <p class="text">已付款</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p class="img"><img src="images/order_status04.png"></p>
                    <p class="text">待评价</p>
                </a>
            </li>
        </ul>
    </div>
    <div class="CenterEquity">
        <div class="CenterEquityTitle">我的权益</div>
        <ul class="am-avg-sm-4">
            <li>
                <a href="#">
                    <p class="img"><img src="images/To_promote.png"></p>
                    <p class="text">我的推广</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p class="img"><img src="images/The_agent.png"></p>
                    <p class="text">加入代理</p>
                </a>
            </li>
            <li>
                <a href="17我的收藏.html">
                    <p class="img"><img src="images/collection.png"></p>
                    <p class="text">我的收藏</p>
                </a>
            </li>
            <li>
                <a href="18开通商家.html">
                    <p class="img"><img src="images/merchants.png"></p>
                    <p class="text">开通商家</p>
                </a>
            </li>
        </ul>
    </div>
</div>

<div class="FootderBox">
    <ul class="am-avg-sm-4">
        <li>
            <a href="#">
                <p class="img"><img src="images/CombinedShape.png" alt="首页"/></p>
                <p class="text">首页</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p class="img"><img src="images/Shape.png" alt="附近"/></p>
                <p class="text">附近</p>
            </a>
        </li>
        <li>
            <a href="#">
                <p class="img"><img src="images/order.png" alt="订单"/></p>
                <p class="text">订单</p>
            </a>
        </li>
        <li class="on">
            <a href="#">
                <p class="img"><img src="images/user_choose.png" alt="会员"/></p>
                <p class="text">会员</p>
            </a>
        </li>
    </ul>
</div>

</body>
</html>